﻿@model Bricks.Site.Models.LoginView

@{
    //ViewBag.Title = "登录系统";
    //Layout = "~/Views/Shared/_Layout.cshtml";
    Layout = null;
}

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
    <link id="easyuiTheme" href="~/Res/easyui/themes/metro/easyui.css" rel="stylesheet" type="text/css" />
    @*easyui.css需要置前，否则下面的图标可能无法加载*@
    <link href="~/Content/default.css" rel="stylesheet" type="text/css" />
    @*default.css需要在myicon前*@
    <link href="~/Res/easyui/themes/icon.css" rel="stylesheet" />
    <link href="~/Res/easyui/themes/myicon.css" rel="stylesheet" type="text/css" />
    @*引入自定义图标*@
    <link href="~/Res/css/login.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
    @*防止js出错，建议删除jquery-1.8.3.js*@
    @*<script src="public/json2.js"></script>*@
    <script src="~/Res/easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="~/Res/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="~/Res/easyui/expands/common.js"></script>
    @*<script src="~/Res/scripts/jquery.common.js"></script>*@
    <script id="common-lib" src="~/Res/scripts/login.js"></script>
    <script src="~/Res/scripts/json.js"></script>

    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 14px/18px "Microsoft yahei", Arial, "\5b8b\4f53", sans-serif;
            color: #666;
            overflow: hidden;
        }

        .top_title {
            position: absolute;
            left: 39%;
            height: 60px;
            width: 800px;
            margin: 0 0 0 -225px;
            line-height: 60px;
            padding-top: 8%;
            font-size: 50px;

            text-align: center;
            /*padding-top: 8%;
            padding-bottom: 24px;
            font: 52px/1.5 bold 黑体, Arial, Simsun, Sans-Serif;*/
        }
    </style>
    @*使用jquery方式拉伸图片可以解决css3的兼容性问题*@
    <script type="text/javascript">
        $(function () {
            $("body").append("<div id='main_bg'/>");
            $("#main_bg").append("<img src='../images/loginBackImg.jpg' id='bigpic'>");
            cover();
            $(window).resize(function () { //浏览器窗口变化
                cover();
            });
        });
        function cover() {
            var win_width = $(window).width();
            var win_height = $(window).height();
            $("#bigpic").attr({ width: win_width, height: win_height });
        }
    </script>
</head>
<body>
    <div class="top_title">青海收费公路管理处项目管理系统</div>
    <form id="login-model" class="login-model" method="post">
        <table class="login-table">
            <tr>
                <td style="padding: 5px 10px 5px 18px; text-align: right; width: 80px;"><span>用户名：</span></td>
                <td>
                    <input id="Account" name="Account" class="easyui-validatebox login-username" value="@Model.Account" data-options="required:true" onkeypress="if (event.keyCode == 13) Login();" />
                </td>
            </tr>
            <tr>
                <td style="padding: 5px 10px 5px 18px; text-align: right; width: 80px;">密　码：</td>
                <td>
                    <input id="Password" name="Password" type="password" class="easyui-validatebox login-password" value="@Model.Password" data-options="required:true" onkeypress="if (event.keyCode == 13) Login();" />
                </td>
            </tr>
            @*<tr>
                <td style="padding: 5px 10px 5px 18px; text-align: right; width: 80px;">验证码：</td>
                <td>
                    <input id="ViladateCode" name="ViladateCode" class="easyui-validatebox login-validatecode" value="@Model.ViladateCode" onkeypress="if (event.keyCode == 13) Login();" onkeyup="if (this.value.length === 4) Login()" maxlength='4' />
                    <img id='validate-img' class='validate-img' src='/Account/GetValidateCode' onclick="ClearValidate();" />
                </td>
            </tr>*@
            <tr>
                <td style="padding: 5px 10px 5px 18px; text-align: right; width: 80px;"></td>
                <td>
                    @Html.ValidationMessage("Tips")
                </td>
            </tr>
        </table>
        <input id="hd_validate" name="validate" type="hidden" />
        @Html.HiddenFor(m => m.ReturnUrl)
        <div class="buttonGroup">
            @Html.EditorFor(m => m.IsRememberLogin)保存一周&nbsp;&nbsp;&nbsp;&nbsp;
            <a id="btnLogin" class="easyui-linkbutton" data-options="iconCls:'icon-card'" onclick="Login();">登录</a>
            <a id="btnClear" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-logout'" onclick="Clear();">清除</a>
            @*<input class="submitButton" type="submit" value="登录" />
                <input class="submitButton" type="button" onclick="Clear();" value="清除" />*@
        </div>
    </form>
</body>
</html>
